.News {
  height: 100%;

  .news-li {
    padding: 0.3rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4rem;
    overflow: hidden;
    transition: 0.3s all;
    cursor: pointer;

    > div:nth-child(1) {
      height: 100%;
    }

    > div:nth-child(2) {
      flex: 1;
      margin-left: 0.5rem;

      > div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      > div:nth-child(1) {
        margin-bottom: 0.3rem;

        > h4 {
          font-weight: 500;
        }

        > p {
          font-size: 0.8rem;
          color: var(--text-color-gray);
        }
      }

      > div:nth-child(2) {
        width: 100%;
        height: 1.5rem;
        font-size: 0.8rem;

        > p {
          width: 80%;
          color: var(--text-color-gray);

        }

        > span {
          border-radius: 50%;
          height: 80%;
          aspect-ratio: 1;
          box-shadow: 0 0 0.3rem 0 var(--shadow-color);
          color: var(--text-color-white);
          background-color: #f54b2c;
          font-weight: lighter;
        }
      }
    }

    &:active {
      background-color: var(--border-color);
    }
  }


}